import React, {Component} from 'react'

import Search from './search'
import Main from './main'


/*
* 需要这个父亲模块App用来进行数据的传输
* */
export default class App extends Component{


    /*
    *
    * */
    state = {
        searchName: '',   // 这个数据使用来Main跟Search某块进行数据传输的

    }

    /*箭头函数不用再bind   this
    * 这个方法是交给Search组件来使用的
    * */
    setSearchName = (searchName) => {
        // this.searchName = searchName   直接这样赋值是失效的
        // 更新状态
        this.setState({searchName})
    }



    render() {
        return (
            <div className="container">
                <Search setSearchName={this.setSearchName} />
                <Main searchName={this.state.searchName}/>
            </div>
        )
    }
}

